<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<meta name="keywords" content="瑜伽商城，瑜伽运动，运动，健身，锻炼">
	<meta name="description" content="瑜伽（英文：Yoga，印地语：योग）是一个汉语词汇，最早是从印度梵语“yug”或“yuj”而来，其含意为“一致”、“结合”或“和谐”。瑜伽源于古印度，是古印度六大哲学派别中的一系，探寻“梵我合一”的道理与方法。而现代人所称的瑜伽则主要是一系列的修身养心方法。">
	<title></title>
	<meta name="viewport"
		  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/public.css">
	<link rel="stylesheet" type="text/css" href="../css/yoga.css">
	<link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
	<link rel="stylesheet" type="text/css" href="../css/all.css">
	<link rel="shortcut icon" href="images/Yoga_03.png" type="image/png">
	<script type="text/javascript" src="../front_js/jquery.min.js"></script>
</head>
<body>
<header>
	<!--顶部图标-->
	<img src="images/01HomeYoga_03.png" alt="">
	<!--顶部二级导航-->
	<ul class="clearfix">
		<li class="fff"><a href="#">Home</a>
			<ol>
				<li><a href="#">Yoga studio</a></li>
				<li><a href="#">Fitness club</a></li>
				<li><a href="#">Gym</a></li>
				<li><a href="#">Health club</a></li>
				<li><a href="#">Coach</a></li>
				<li><a href="#">Dance</a></li>
			</ol><i></i></li>
		<li><a href="#">Pages</a>
			<ol>
				<li><a href="#">About Us </a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Reservations</a></li>
				<li><a href="#">Pricing Tables</a></li>
				<li><a href="#">Our Team</a></li>
				<li><a href="#">Content Elements</a></li>
			</ol><i></i></li>
		<li><a href="#">Events</a>
			<ol>
				<li><a href="#">All Events</a></li>
				<li><a href="#">Events One</a></li>
				<li><a href="#">Events Two</a></li>
				<li><a href="#">Events Three</a></li>
				<li><a href="#">Events Four</a></li>
				<li><a href="#">Single Event</a></li>
			</ol><i></i></li>
		<li><a href="#">Portfolio</a>
			<ol>
				<li><a href="#">Column 3 Сols</a></li>
				<li><a href="#">Columns 4 Сols Wide</a></li>
				<li><a href="#">4 Сols Masonry</a></li>
				<li><a href="#">Four Columns</a></li>
				<li><a href="#">Gallery</a></li>
			</ol><i></i></li>
		<li><a href="#">Blog</a>
			<ol>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Reservations</a></li>
				<li><a href="#">Pricing Tables</a></li>
				<li><a href="#">Our Team</a></li>
				<li><a href="#">Content Elements</a></li>
			</ol><i></i></li>
		<li><a href="#">Shop</a></li>
		<li><a href="#">Contacts</a></li>
	</ul>
	<!--顶部二级导航右侧图标-->
	<div class="home-index-cart">
		<span><a href="#"><img src="images/serch.png" alt="" /></a></span>
		<span><a href="#"><img src="images/shop.png" alt="" /></a><div>0</div></span>
		<span>
                <a href="#"><img src="images/earth.png" alt="" /></a>
                <strong>EN</strong><strong>+</strong>
            </span>
	</div>
	<script>
        $("header ol").hide();
        $("header i").hide();
        $("header>ul>li").each(function(index,element){
            $(this).attr("index",index);
        })
        $("header>ul>li").mouseenter(function(){
            var index = $(this).attr("index");
            $("header ol").hide();
            $("header i").hide();
            $("header ol").eq(index).show();
            $("header i").eq(index).show();
            $(this).mouseleave(function(){
                $("header ol").hide();
                $("header i").hide();
            })
        })
	</script>
	<!--头部轮播图-->
	<dl class="clearfix">
		<dd>
			<img src="images/01HomeYoga_01.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font1">
				<p>PRACTICE AND</p>
				<p>ALL IS COMING</p>
				<span>Happiness is not having what you want,</span>
				<span>but wanting what you have</span>
				<i>Get to know us</i>
			</div>
		</dd>
		<dd>
			<img src="images/02HomeYoga_02.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font2">
				<p>YOGA - LIGHT</p>
				<span>Warrior pose helps to overcome internal weakness and focus. </span>
				<i>Get to know us</i>
			</div>
		</dd>
		<dd>
			<img src="images/03HomeYoga_03.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font3">
				<p>WELCOME </p>
				<p>TO AASANA</p>
				<span>Yoga is the practice of taking</span>
				<span>the consequences being yourself</span>
				<i>Get to know us</i>
			</div>
		</dd>
	</dl>
	<img class="index-prev" src="images/homeprev.png" alt="" />
	<img class="index-next" src="images/Homenext.png" alt="" />
	<script>
        var islock = true;
        var n = 0;
        $("header>dl>dd").each(function(index,element){
            $(this).attr("index",index)
        })
        $(".index-next").click(function(){
            if(n < $("header>dl>dd").length - 1){
                if(islock === true) {
                    islock = false;
                    n++;
                    $("header>dl").animate({
                        marginLeft: -1920 * n + "px"
                    }, 1000,()=>{
                        islock = true;
                    });
                }
            }
            else{
                if(islock === true){
                    islock = false;
                    var willremove = $("header>dl>dd").eq(0).clone(true).appendTo($("header>dl")[0]);
                    $("header>dl").animate({
                        marginLeft: -1920 * (n + 1) + "px"
                    },1000,()=>{
                        $("header>dl").css({
                            marginLeft: 0 + "px"
                        });
                        willremove.remove();
                        n = 0;
                        islock = true;
                    });
                }
            }
        })
        $(".index-prev").click(function(){
            if(n < 1){
                if(islock === true){
                    islock = false
                    var willremove = $("header>dl>dd").eq($("header>dl>dd").length - 1).clone(true).prependTo($("header>dl")[0]);
                    $("header>dl").css({
                        marginLeft: -1920 + "px"
                    });
                    $("header>dl").animate({
                        marginLeft: 0 + "px"
                    },1000,()=>{
                        $("header>dl").css({
                            marginLeft: -1920 * ($("header>dl>dd").length - 1) + "px"
                        });
                        willremove.remove();
                        $("header>dl").css({
                            marginLeft: -1920 * ($("header>dl>dd").length - 1) + "px"
                        });
                        n = $("header>dl>dd").length - 1;
                        islock = true;
                    });
                }
            }
            else{
                if(islock === true){
                    islock = false;
                    n--;
                    $("header>dl").stop().animate({
                        marginLeft: -1920 * n + "px"
                    },1000,function(){
                        islock = true;
                    });
                }
            }
        })
        var move = setInterval(function(){
            $(".index-next").click();
        },3000)
        $("header").mouseenter(()=>{
            clearInterval(move);
        })
        $("header").mouseleave(()=>{
            move = setInterval(function(){
                $(".index-next").click();
            },3000)
        })
	</script>
</header>
	<div class="home-gym-two clearfix">
		<div class="content">
			<div class="home-logo">
				<img src="../im/VectorSmartObject.png">
			</div>
			<div class="home-y-words home-words">
				<p>UPCOMING EVENTS</p>
			</div>
			<div class="home-y-content home-wrap-content">
				<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
			</div>
			<div class="home-gym-two-bottom">
				<img src="../images/03HomeGym_03.png" class="float-img">
				<div class="home-gym-two-bottom-next">
					
					<ul>
						<li>
							<img src="../images/05HomeGym_06.png" class="margin-img">
							<h2>Slim and strong figure</h2>
							<h3>Pellentesque molestie erat justo tempus, imperdiet feugiat</h3>
						</li>
						<li>
							<img src="../images/05HomeGym_06.png" class="margin-img">
							<h2>Slim and strong figure</h2>
							<h3>Pellentesque molestie erat justo tempus, imperdiet feugiat</h3>
						</li>
						<li>
							<img src="../images/05HomeGym_06.png" class="margin-img">
							<h2>Slim and strong figure</h2>
							<h3>Pellentesque molestie erat justo tempus, imperdiet feugiat</h3>
						</li>
						<li>
							<img src="../images/05HomeGym_06.png" class="margin-img">
							<h2>Slim and strong figure</h2>
							<h3>Pellentesque molestie erat justo tempus, imperdiet feugiat</h3>
						</li>
					</ul>
					<img src="../images/05HomeGym_11.png" class="up-img">
					<img src="../images/05HomeGym_22.png" class="down-img">
				</div>
			</div>
		</div>
	</div>
	<div class="home-gym-three clearfix">
		<div>
		<div class="content">
			<div class="home-index-seven-top">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>CLASSES TIMETABLE</p>
				</div>
			</div>
			<div class="home-index-seven-middle">
				<ul class="lilist">
					<li><a href="" class="block-a"><i class="block-i      "></i><b></b><span></span>All classes</a></li>
					<li><a href=""><i></i><b></b><span></span>Restorative/Yin</a></li>
					<li><a href=""><i></i><b></b><span></span>Gentle Yoga</a></li>
					<li><a href=""><i></i><b></b><span></span>Mindful Resilience</a></li>
					<li><a href=""><i></i><b></b><span class="last-span"></span>Somatic Yoga</a></li>
					<li><a href=""><i></i><b></b>Mat Pilates</a></li>
				</ul>
			</div>
		</div>
		<div class="home-gym pub-wrap-all flexbox2">
			<img class="hom-gym-fitst" src="../im/Layer669.png">
			<img src="../im/Layer669.png">
			<img src="../im/Layer669.png">
			<img src="../im/Layer669.png">
			<img class="hom-gym-last" src="../im/Layer669.png">
		</div>
	</div>
	</div>
	<div class="home-gym-four clearfix">
		<div class="home-y-s-bc services-wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="services-words home-words">
					<p>Instructors</p>
				</div>
				<div class="why-chooose-wrap clearfix">
					<ul class="why-chooose book-class flexbox">
						<li class=" home-y-cards-bc">
							<img src="../im/Shap5229.png">
							<div class=" ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     diam vel orci pellen</p>
							</div>
						</li>
						<li class="home-y-cards-bc">
							<img src="../im/Shap5229.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">      vel orci pellen</p>
							</div>
						</li>
						<li class=" home-y-cards-bc">
							<img src="../im/Shap5229.png">
							<div class=" ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
						<li class=" home-y-cards-bc">
							<img src="../im/Shap5229.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
						<li class=" home-y-cards-bc">
							<img src="../im/Shap5229.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
						<li class=" home-y-cards-bc">
							<img src="../im/Shap5229.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
					</ul>
					<div class="why-ch-left clearfix">
						<div class="" >
							<div class="why-choose-left ser-tab-left ourclass-details">
									<p class="class-name home-y-words"> Resilience1</p>
									<img src="../im/Layer679.png">
							</div>
							<ol class="why-cho-ol your-choose clearfix">
								<li class="your-choose-li">
									Curabitur venenatis eleifend bibendum 
								</li>
								<li class="your-choose-li">
									Curabitur venenatis eleifend bibendum 
								</li>
								<li class="your-choose-li">
									Curabitur venenatis eleifend bibendum 
								</li>
							</ol>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="home-gym-five home-fitness-club-ten">
		<div class="content">
			<div class="home-fitness-club-ten-right">
				<h2>Great way of extending the youth</h2>
				<p>Praesent id sodales mi, eu molestie ligula. Cras nec erat eget velit finibus fringilla. Fusce tortor sem, lacinia a commodo quis, mollis in augue. In sodales pharetra elit ut consectetur.</p>
				<h3>Amanda Philosopher</h3>
			</div>
			<img src="../images/26HomeGym_03.png">
		</div>
	</div>
	<div class="home-gym-seven">
		<div class="content">
			<div class="home-logo">
				<img src="../im/VectorSmartObject5.png">
			</div>
			<div class="home-y-words home-words">
				<p>Upcoming events</p>
			</div>
			<div class="home-y-content home-wrap-content">
				<p>Sed quis ultricies sapien, et bibendum ligula. Nam consequat velit orci, posuere volutpat quam viverra sit amet. Phasellus tempor diam non nunc hendrerit lobortis consectetur at dui. Fusce varius velit eu mauris placerat vulputate.</p>
			</div>

		</div>
	</div>
	<div class="home-gym-six">
		<div class="content-left">
						<img src="../images/124545_06.png">
			<div class="home-fitness-club-six-right ">
				<ul>
					<li><img src="../images/45454.jpg" class="first-img">
						<span>
							<p>17 April, 2017</p>
							<h3>Thai Massage Workshop</h3>
							<img src="../images/Shape22.png" class="img1"><i> &nbsp;7:30AM - 3:30 PM</i>
							<img src="../images/Shape21.png" class="img2"><i class="i2"> &nbsp;Vellington, Vic 941</i>
						</span>
					</li>
					<li><img src="../images/02Home_Fitnessclub_03.png" class="first-img">
						<span>
							<p>17 April, 2017</p>
							<h3>Thai Massage Workshop</h3>
							<img src="../images/Shape22.png" class="img1"><i> &nbsp;7:30AM - 3:30 PM</i>
							<img src="../images/Shape21.png" class="img2"><i class="i2"> &nbsp;Vellington, Vic 941</i>
						</span>
					</li>
					<li><img src="../images/02Home_Fitnessclub_03.png" class="first-img">
						<span>
							<p>17 April, 2017</p>
							<h3>Thai Massage Workshop</h3>
							<img src="../images/Shape22.png" class="img1"><i> &nbsp;7:30AM - 3:30 PM</i>
							<img src="../images/Shape21.png" class="img2"><i class="i2"> &nbsp;Vellington, Vic 941</i>
						</span>
					</li>
					<li><img src="../images/02Home_Fitnessclub_03.png" class="first-img">
						<span>
							<p>17 April, 2017</p>
							<h3>Thai Massage Workshop</h3>
							<img src="../images/Shape22.png" class="img1"><i> &nbsp;7:30AM - 3:30 PM</i>
							<img src="../images/Shape21.png" class="img2"><i class="i2"> &nbsp;Vellington, Vic 941</i>
						</span>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="home-gym-nine clearfix">
		<div class="home-y-s-bc content2">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Sed quis ultricies sapien, et bibendum ligula. Nam consequat velit orci, posuere volutpat quam viverra sit amet. Phasellus tempor diam non nunc hendrerit lobortis consectetur at dui. Fusce varius velit eu mauris placerat vulputate.</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all ">
			<ul class=" ourclass flexbox content">
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<img class="index-prev" id="pre" src="../im/arrowrightcopy2.png">
		<img class="index-next" id="next" src="../im/arrowright.png">
	</div>
	<div class="home-gym-ten clearfix" >
		<div class="summer public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<p class="su-pro">Summer programs</p>
				</div>
				<div class=" su-words color">
					<p>PAY NOW ANDGet 15% discount</p>
				</div>
				<div class="summer-b home-wrap-content">
					<a href="" class="summer-button online-add you-cho-a border2">Become a Member</a>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="home-gym-eleven clearfix">
		<div class="home-y-f-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsatllis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all">
				<ul class="online-wrap pub-wrap-all flexbox content2">
					<li  class='home-y-s-bc'>
						<div>
							<img src="../im/Layer686.png">
						</div>
							<div class="online ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
								<a href="" class="on-button online-add you-cho-a border2">From $ 79.99</a>
							</div>
					</li>
					<li  class='home-y-s-bc'>
						<div>
							<img src="../im/Layer687.png">
						</div>
							<div class="online ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
								<a href="" class="on-button online-add you-cho-a border2">From $ 79.99</a>
							</div>
					</li>
					<li  class='home-y-s-bc'>
						<div>
							<img src=".../im/Layer686.png">
						</div>
							<div class="online ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
								<a href="" class="on-button online-add you-cho-a border2">From $ 79.99</a>
							</div>
					</li>
					<li  class='home-y-s-bc'>
						<div>
							<img src=".../im/Layer686.png">
						</div>
							<div class="online ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
								<a href="" class="on-button online-add you-cho-a border2">From $ 79.99</a>
							</div>
					</li>
				</ul>
		</div>
	</div>
	</div>
	</div>
	<div class="home-index-four home-gym-eight">
		<div class="content">
			<div class="home-index-four-top">
				<div class="home-index-four-top-all show">
					<img src="../images/Layer60.png">
					<h3>Jane Doe</h3>
					<h2>Beautiful, welcoming yoga studio!</h2>
					<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium, justo tortor auctor eros, eget congue enim est ac odio. Ut vel lobortis tortor. Mauris a cursus diam, vitae interdum ante.</p>
				</div>
				<div class="home-index-four-top-all">
					<img src="../images/02HomeFitnessclub_03.png">
					<h3>Jane Doe</h3>
					<h2>Beautiful, welcoming yoga studio!</h2>
					<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium, justo tortor auctor eros, eget congue enim est ac odio. Ut vel lobortis tortor. Mauris a cursus diam, vitae interdum ante.</p>
				</div>
				<div class="home-index-four-top-all">
					<img src="../images/09HomeFitnessclub_05.png">
					<h3>Jane Doe</h3>
					<h2>Beautiful, welcoming yoga studio!</h2>
					<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium, justo tortor auctor eros, eget congue enim est ac odio. Ut vel lobortis tortor. Mauris a cursus diam, vitae interdum ante.</p>
				</div>
				
				<div class="spanlist">
					<span class="change-color"></span>
					<span></span>
					<span></span>
				</div>
			</div>
		</div>
	</div>
	<div class="home-index-seven">
		<div class="content">
			<div class="home-index-seven-top">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>CLASSES TIMETABLE</p>
				</div>
			</div>
			<div class="home-index-seven-middle">
				<ul class="lilist">
					<li><a href="" class="block-a"><i class="block-i      "></i><b></b><span></span>All classes</a></li>
					<li><a href=""><i></i><b></b><span></span>Restorative/Yin</a></li>
					<li><a href=""><i></i><b></b><span></span>Gentle Yoga</a></li>
					<li><a href=""><i></i><b></b><span></span>Mindful Resilience</a></li>
					<li><a href=""><i></i><b></b><span class="last-span"></span>Somatic Yoga</a></li>
					<li><a href=""><i></i><b></b>Mat Pilates</a></li>
				</ul>
			</div>
			<div class="home-index-seven-bottom">
				<table>
					<thead>
						<tr>
							<th></th>
							<th>MONDAY</th>
							<th>TUESDAY</th>
							<th>WEDNESDAY</th>
							<th>THURSDAY</th>
							<th>FRIDAY</th>
							<th>SATURDAY</th>
							<th>SUNDAY</th>
						</tr>
					</thead>
					<tbody>
						<tr class="td-1 td">
							<td class="first-td">10:00</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>	
							</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td >
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td ><h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>	</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td >
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
						</tr>
						<tr class="td-2 td">
							<td class="first-td">11:00</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
						</tr>
						<tr class="td-1 td">
							<td class="first-td">12:00</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2 b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
						</tr>
						<tr class="td-2 td">
							<td class="first-td">13:00</td>
							<td>
								<h2 class="r-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="b-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
							<td>
								<h2 class="r-h2">Mindful Resilience</h2><p>10:00 - 11:00<br>Thomas Austin</p>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<footer>
		<!--图标-->
		<img class="home-index-foottop" src="images/home_index_foot_03.png" alt="">
		<!--文字-->
		<div class="home-index-footp">
			<p>Mauris justo sem, gravida ut enim a, rutrum molestie ligula.</p>
			<p>Cras in massa metus. Suspendisse potenti. Nam sagittis</p>
		</div>
		<!--文字-->
		<p>Subscribe us</p>
		<!--邮件input框-->
		<div class="home-index-footserch">
			<input type="text" placeholder="Enter your email" />
			<span>SEND</span>
		</div>
		<!--三个小图片-->
		<div class="home-index-footimg">
			<a href="#"><img src="images/home_index_foot_07.png" alt="" /></a>
			<a href="#"><img src="images/home_index_foot_09.png" alt="" /></a>
			<a href="#"><img src="images/home_index_foot_11.png" alt="" /></a>
		</div>
		<!--底部导航-->
		<ul class="home-index-footnav clearfix">
			<li><a href="#">Home</a></li>
			<li><a href="#">Pages</a></li>
			<li><a href="#">Envents</a></li>
			<li><a href="#">Portfolio</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Shop</a></li>
			<li><a href="#">Contacts</a></li>
		</ul>
	</footer>
	<!--返回顶部图标-->
	<img class="home-gotop" src="images/home_index_foot_14.png" alt="" />
	<script>
        $(".home-gotop").hide();
        $("body").ready(function(){
            $(".home-gotop").click(function(){
                $("html,body").animate({scrollTop:0},250);
            });
            setInterval(function(){
                if($("html,body").scrollTop() === 0) {
                    $(".home-gotop").hide();
                }
                else{
                    $(".home-gotop").show();
                }
            },500)
        });
	</script>
	<script type="text/javascript">
		var spanList = $(".span span")

   		var divList = $(".home-index-four-top-all")
   		spanList.click(function(){
   			var index = $(this).index()
   			divList.eq(index).addClass("show").siblings().removeClass("show")
   			$(this).addClass("change-color").siblings().removeClass("change-color")
   		})	
	</script>
</body>
</html>